.popup-maskk {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
}

.popup-content {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 94%;
  background: #fff;
  border-radius: 64rpx;
  padding: 76rpx 48rpx 80rpx;
  // animation: slideUp 0.3s ease-out;
}

/* 动画：从下往上 */
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.popup-title {
  font-size: 52rpx;
  font-weight: 600;
  margin-bottom: 48rpx;
}

.input-box{
  background-color: #F9F9F9;
  padding: 32rpx 48rpx;
  border-radius: 36rpx;
  margin-bottom: 32rpx;
  .popup-input {
    width: 100%;
  }
}

.popup-select {
  background-color: #F9F9F9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32rpx 48rpx;
  border-radius: 36rpx;
  margin-bottom: 66rpx;
  .toRight-img{
    width: 48rpx;
    height: 48rpx;
    margin-bottom: -4rpx;
  }
}


.popup-footer {
  display: flex;
  justify-content: center;
}

.btn-cancel {
  flex: 1;
  background: #D9D9D9;
  color: #707070;
  padding: 24rpx 0;
  text-align: center;
  margin-right: 24rpx;
  border-radius: 32rpx;
  font-weight: 600;
}

.btn-confirm {
  font-weight: 600;
  flex: 1;
  background: #1AA37D;
  color: white;
  padding: 24rpx 0;
  text-align: center;
  border-radius: 32rpx;
}

.folder-list {
  display: flex;
  flex-direction: column;
}

.folder-item {
  padding: 25rpx;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .del-icon{
    color: #A2A2A2;
    font-size: 48rpx;
  }
}
.folder-item:hover {
  color: #07c160;
}

/* 遮罩层 */
.modal-mask2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* 弹框内容 */
  .modal-content {
    width: 620rpx;
    background: #fff;
    border-radius: 36rpx;
    padding: 44rpx;
    text-align: center;
    position: relative;
  }
  
  /* 图标 */
  .modal-icon {
    width: 260rpx;
    height: 184rpx;
    margin-top: -126rpx;
  }
  
  /* 标题 */
  .modal-title {
    // margin-top: 20rpx;
    font-size: 48rpx;
    margin-bottom: 48rpx;
  }
  
  /* 提示内容 */
  .modal-message {
    font-size: 36rpx;
    color: #A2A2A2;
    margin-bottom: 72rpx;
  }
  
  /* 按钮组 */
  .modal-buttons {
    display: flex;
    justify-content: space-between;
  }
  
  /* 单个按钮 */
  .modal-btn {
    width: 45%;
    padding: 20rpx 0;
    border-radius: 32rpx;
    text-align: center;
    font-size: 40rpx;
  }
  
  /* 取消按钮样式 */
  .cancel-btn {
    background-color: #D9D9D9;
    color: #707070;
    border-radius: 32rpx;
    font-size: 40rpx;
  }
  
  /* 确认按钮样式 */
  .confirm-btn {
    background-color: #1AA37D;
    color: white;
  }
}
